﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="left.aspx.cs" Inherits="Web.left" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
     <style type="text/css">
     .menu_list
        {
            display: block;
            background-color: #C7DCDC;
            padding-top: 20px;
            padding-left: 0px;
            position: relative;
            float: left;
            border-top:1px solid #888;
            border-radius:10px;
        }
        .menu_head
        {
            width: 200px;
            margin: 5px 0px 5px 0px;
            padding:5px 0px;
            padding-left: 10px;
            height: 20px;
            cursor: pointer;
            position: relative;
            font-size: 14px;
            font-weight: bold;
            color: White;
            /*background-color: #66cdaa;*/
            background-color: #75C1C7;
            background-image: url(../images/plus.gif);
            background-repeat: no-repeat;
            background-position: right;
            border-radius:5px;
        }
        .menu_head:hover
        {
            color: green;
        }
        .menu_body
        {
            display:none;
            margin-left: 20px;
            clear:both;
        }
         .menu_body_link
        {

            padding:5px 0px;
            margin: 2px 0px 2px 0px;
            padding-left: 20px;
            background-color: #EFEFEF;
             border-radius:5px;
        }
           .menu_body_link:hover
        {

          background-color: #ccddff;
            color: #ff6347;
        }
        .menu_body a
        {
            display: block;
           
            font-size: 12px;
            color: Black;
         
            font-weight: bold;
            text-decoration: none;
            
             width:100%;
        }
        .menu_body a:hover
        {
            background-color: #ccddff;
            color: #ff6347;
        }
        
        .menu_head_child
        {
            width: 180px;
            margin: 4px 0px 4px 0px;
            padding:5px 0px;
            padding-left: 10px;
            height: 20px;
            cursor: pointer;
            position: relative;
            font-size: 14px;
            font-weight: bold;
            color: White;
            background-color: #8FBC8F;
            background-image: url(../images/plus.gif);
            background-repeat: no-repeat;
            background-position: right;
             border-radius:5px;
        }
        .menu_head_child:hover
        {
            color: #ff6347;
        }
        .menu_body_child
        {
            display: none;
            padding-left: 10px;
        }
        
        .menu_body_child_link
        {

            padding:5px 0px;
            margin: 2px 0px 2px 0px;
            padding-left: 20px;
            background-color: #9999ff;
             border-radius:5px;
        }
           .menu_body_child_link:hover
        {

          background-color: #ccddff;
            color: #ff6347;
        }
        .menu_body_child a
        {
            display: block;
            height: 15px;
          
            font-size: 12px;
            color: Black;
          
            font-weight: bold;
            text-decoration: none;
        }
        .menu_body_child a:hover
        {
            background-color: #ccddff;
            color: #ff6347;
        }

         .menu_bottom {
             width: 200px;
             color: blue;
             font-size: 12px;
             padding-left: 12px;
             background-color: #c7dcdc;
             border-bottom: 1px solid #888;
             background-repeat: no-repeat;
             background-position: right;
             border-radius: 5px;
         }
    </style>

    <script type="text/javascript">
        $(function () {
            $(".menu_list_control").toggle(function () {
                $('.menu_list').slideUp('slow', function () { });
                $(".pagemain").animate({ left: "0px" }, "slow");
                $('.pagemain').css('width', pageWidth);
            }, function () {
                $('.menu_list').slideDown('slow', function () { });
                $(".pagemain").animate({ left: "190px" }, "slow");
            });

            $(".menu_list p.menu_head").toggle(function () {

                $(this).css({ backgroundImage: "url(/images/minus.gif)" }).next("div.menu_body").slideDown(500)
            }, function () {
                $(this).css({ backgroundImage: "url(/images/plus.gif)" }).next("div.menu_body").slideUp(500)
            }
         );

            $(".menu_list p.menu_head_child").toggle(function () {

                $(this).css({ backgroundImage: "url(/images/minus.gif)" }).next("div.menu_body_child").slideDown(500)
            }, function () {
                $(this).css({ backgroundImage: "url(/images/plus.gif)" }).next("div.menu_body_child").slideUp(500)
            }
         );

        });

    </script>
</head>
<body>
    <div id="admin_menu" class="menu_list">
         <%--   <p class="menu_head">
                Header-1wdter</p>
            <div class="menu_body">
                <p class="menu_head_child">
                    menu1-1</p>
                <div class="menu_body_child">
                    <a href="#">Link-1-1</a> <a href="#">Link-1-2</a> <a href="#">Link-1-3</a>
                </div>
                <a href="http://www.baidu.com">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a>
            </div>
            <p class="menu_head">
                Header-2</p>
            <div class="menu_body">
                <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a>
            </div>
            <p class="menu_head">
                Header-3</p>
            <div class="menu_body">
                <a href="#">Link-1</a> <a href="#">Link-2</a> <a href="#">Link-3</a>
            </div>
            <div class="menu_body">
                <a href="#">Link-11111</a> <a href="#">Link-2</a> <a href="#">Link-3</a>
            </div>--%>

            <%=GetMenu() %>

        <div style="clear: both;"></div>
        <div class="menu_bottom">
            <hr style="height: 1px; padding-left: -12px; border: none; border-top: 1px solid blue;" />

            <p>粮安天下 粮食银行</p>
            <p>财富热线:400-035-0085</p>
        </div>
        </div>
    
  </body>
</html>
